<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>纯CSS3打造炫酷的飞机和轮船动画特效</title>

<link rel="stylesheet" type="text/css" href="css/plane-default.css">
<link rel="stylesheet" type="text/css" href="css/plane-plane.css">

</head>
<body>

<div class="htmleaf-demo center">
	<a href="plane1.html">ship</a>
	<a href="plane2.html" class="current">plane</a>
</div>


<div class="cloud cloud-a">
	<div class="line-a"></div>
	<div class="line-b"></div>
	<div class="line-c"></div>
	<div class="line-d"></div>
	<div class="line-e"></div>
</div>

<div class="plane">
	<div class="wings">
		<div class="fan">
			<div class="fan-wings">
				<div class="fan-a"></div>
				<div class="fan-b"></div>
				<div class="fan-c"></div>
				<div class="fan-d"></div>
			</div>
		</div>
		<div class="cat">
			<div class="legs"></div>
		</div>
	</div>
	<div class="wheel">
		<div class="left"></div>
		<div class="right"></div>
	</div>
</div>

<div class="cloud cloud-b">
	<div class="line-a"></div>
	<div class="line-b"></div>
	<div class="line-c"></div>
	<div class="line-d"></div>
	<div class="line-e"></div>
</div>


</body>
</html>